<div class="parent">
  <h5>生命周期测试</h5>

  <button (click)="toggleChild()">
    {{hasChild ? '销毁' : '创建' }}控件
  </button>
  <button (click)="updateHero()" [hidden]="!hasChild">更新数据</button>

  <zblive *ngIf="hasChild" [name]="heroName">
  </zblive>

  <h6>-- 生命周期调用顺序 --</h6>
  <div *ngFor="let msg of hookLog">{{msg}}</div>
</div>
